<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车|风尚购物</title>
		<script src="jquery-3.3.1.js"></script>
		<script src="js/lib/jquery.cookie.js"></script>
		<script src="js/shopping_car.js"></script>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<style>
			.center{
				width: 100%;
				position: relative;		
				overflow: hidden;
			}
			.center .w{
				width: 1200px;
				margin: 0 auto;
				position: relative;
			}
			.center .w p{
				position: relative;
				left: 550px;
				margin-bottom: 10px;
			}
			.center .w .shoppingCar_tab{
				width: 985px;
				height: 114px;
				/*background: pink;*/
				position: relative;
				left: 100px;

			}
			.center .w .shoppingCar_tab .shoppingCar_tab_top{
				margin-bottom: -2px;
			}
			.center .w .shoppingCar_tab .shoppingCar_tab_top li{
				display: inline-block;
				font-weight: bold;
				font-size: 16px;
				color: #000000;
				cursor: pointer;
				margin-right: 30px;
				padding-bottom: 7px;
			}
			.center .w .shoppingCar_tab .shoppingCar_tab_top .tab-item.active{
				color: #FF0000;
				border-bottom: 2px solid #FF0000;
			}
			.center .w .shoppingCar_tab thead tr{
				background:#eeeeee;
			}
			.center .w .shoppingCar_tab thead tr th{
				font-weight: normal;
				width: 80px;
				height: 30px;
				/*border: 1px solid #000000;*/
				font-size: 12px;

			}
			.center .w .shoppingCar_tab thead tr th:first-child{
				width: 50px;
				font-size: 14px;
			}
			.center .w .shoppingCar_tab thead tr th:nth-child(2){
				width: 450px;
			}
			.center .w .shoppingCar_tab thead tr th:nth-child(5){
				width: 50px;
			}
			.center .w .shoppingCar_tab thead tr th:nth-child(6){
				width: 200px;
			}
			.center .w .shoppingCar_tab thead tr th:first-child input{
				position: relative;
				top: 2px;
				left:-2px;
			}
			.center .w .shoppingCar_tab tbody tr:nth-child(even){
				background:#eeeeee;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(1){
				text-align:center;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(2) img{
				width: 64px;
				height: 64px;
				border: 1px solid #CCCCCC;
				display: inline-block;
				margin-top: 5px;
				margin-right: 10px;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(2) span{
				/*float: right;*/
				font-size: 12px;
				color: #666666;
				position: relative;
				top: -53px;
				cursor: pointer;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(2) span:hover{
				color: #FF0000;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(3){
				font-size: 12px;
				color: #666666;
				text-align: center;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(4){
				font-size: 12px;
				color: #666666;
				text-align: center;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(4) span{
				color: #666666;
				font-size: 12px;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(5){
				font-size: 12px;
				color: #666666;
				text-align: center;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(6){
				font-size: 12px;
				color: #666666;
				text-align: center;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(7){
				text-align: center;
				font-size: 14px;

			}
			.center .w .shoppingCar_tab tbody td:nth-child(7) a{
				display: inline-block;
				border: 1px solid #666666;
				width: 12px;
				height: 12px;
				line-height: 10px;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(7) input{
				width: 40px;
				margin:0 3px;
				text-align: center;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(8){
				text-align: center;
				font-size: 12px;
				color: #FF0000;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(8) span{
				font-size: 12px;
				color: red;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(9) a{
				display: block;
				font-size: 12px;
				text-align: center;
			}
			.center .w .shoppingCar_tab tbody td:nth-child(9) a:hover{
				color: #FF0000;
			}
			/*    */
			.center .w .shoppingCar_tab .shoppingCar_tab_bottom .main{
				display: none;
				float: left;
			}
			.center .w .shoppingCar_tab .shoppingCar_tab_bottom .main.selected{
				display: block;
			}
			.statistical table tr{
				width: 985px;
				height: 44px;
				display: block;
				border-bottom: 1px dashed #CCCCCC;
				position: relative;
				left: 100px;
				display: flex;
			}
			.statistical table td{
				height: 44px;
				line-height: 44px;
				font-size: 12px;
			}
			.statistical table td:nth-child(1){
				width:200px;
			}
			.statistical table td:nth-child(1) input{
				position: relative;
				left: 10px;
			}
			.statistical table td:nth-child(2){
				width:80px;
				font-size: 14px;

			}
			.statistical table td:nth-child(2) a{
				color: #FF0000;
			}
			.statistical table td:nth-child(3){
				width:200px;
			}
			.statistical table td:nth-child(4){
				width:600px;
				float: right;
			}
			.statistical table td:nth-child(4) u{
				font-size: 12px;
				float: right;
			}
			.statistical table td:nth-child(4) u em{
				font-size: 20px;
				color: red;
			}
			.statistical table td:nth-child(4) u b{
				font-size: 20px;
				color: red;
			}
			.count,.money{
				border-bottom: 1px dashed #CCCCCC;
				width: 985px;
				height: 44px;
				display: block;
				position: relative;
				left: 100px;
				line-height: 44px;

			}
			.count u,.money u{
				display: inline-block;
				font-size: 12px;
				position: absolute;
				right: 0;
			}
			.count span{
				color: red;
				font-size: 12px;
			}
			.money em,span{
				color: red;
				font-size: 20px;
			}
			.money u b{
				font-size: 20px;
				color: red;
			}
			.img_button{
				position: relative;
				right: 110px;
				margin-top: 20px;
			}
			.img_button a{
				float: right;
				margin-left: 10px;
			}
			.img_button a:nth-child(2){
				margin-top: 7px;
			}
			.help{
				position: relative;
				left: -120px;
				width: 985px;
				height: 20px;
				float: right;
			}
			.help span{
				font-size: 12px;
				color: #666666;
			}
			.help  a{
				color: red;
			}
		</style>

	</head>
	<body>
		<div class="header_top">
			<div class="header_top_box">
				<span>欢迎来到风尚购物</span>
				<a href="login.html">
						我的风尚
						<dl>
							<dt>我的订单</dt>
							<dd>我的收藏</dd>
						</dl>
				</a>|
				<ul>
					<li>4001-677-077</li>  |
					<li>客服中心</li>
				</ul>
			</div>
		</div>
		<div class="header_center">
			<div class="w">
				<span><a href="login.html">登录</a><a href="register.html">注册</a></span>
				<a href="index.html"><img src="imgs/1 (1).png" class="img1"/></a>
				<img src="imgs/1 (3).jpeg" class="img2"/>
			</div>
		</div>
		<div class="center">
			<div class="w">
				<p><img src="imgs/dh_gouwuche.png"/></p>
				<div class="shoppingCar_tab">
					<ul class="shoppingCar_tab_top">
						<li class="tab-item active">风尚自营 </li>
						<li class="tab-item">风尚全球购2</li>
					</ul>
					<div class="shoppingCar_tab_bottom">
						<div class="main selected">
							<table cellpadding="0" cellspacing="0">
								<thead>
									<tr>
										<th><input type="checkbox" checked>全选</th>
										<th>商品信息</th>
										<th>商品编码</th>
										<th>单价</th>
										<th>库存</th>
										<th>是否货到付款</th>
										<th>数量</th>
										<th>小计</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
						<div class="main">
							<table cellpadding="0" cellspacing="0">
								<thead>
								<tr>
									<th><input type="checkbox" checked>全选</th>
									<th>商品信息</th>
									<th>商品编码</th>
									<th>单价</th>
									<th>跨境税</th>
									<th>库存</th>
									<th>是否货到付款</th>
									<th>数量</th>
									<th>小计</th>
									<th>操作</th>
								</tr>
								</thead>
							</table>
						</div>
					</div>
				</div>
				<div class="statistical">
					<table cellpadding="0" cellspacing="0">
						<tr>
							<td><input type="checkbox" checked></td>
							<td><a href="javascript:;;">全选</a></td>
							<td><a href="javascript:;;">批量删除</a></td>
							<td><u>商品金额总计:<em>￥</em><span></span><b>.00</b></u></td>
						</tr>
					</table>
				</div>
				<div class="count">
					<u>购物车里有商品：<span id="num1">0</span>种  商品已选择总数：<span id="num2"></span></u>
				</div>
				<div class="money">
					<u>商品金额总计：<em>￥</em><span id="num4">0</span><b>.00</b></u>
				</div>
				<div class="img_button">
					<a href="javascript:;;"><img src="imgs/settle_load.gif" height="32" width="116" id="img2"/></a>
					<a href="index.html"><img src="imgs/xbCartcontinue.gif" height="26" width="90"/></a>
				</div>
				<div class="help">
					<span>温馨提示：您在购物中有任何疑问，请查阅<a href="http://www.fstvgo.com/Document/HelpCenter.aspx" target="_blank">帮助中心</a>！</span>
				</div>
			</div>
		</div>
		
		
		<div class="footer_add">
			<div class="footer_add_body">
				<div id="left">
					<dl>
						<img src="imgs/2.png" />
						<dt><b><a href="#">手机注册 一步搞定</a></b></dt>
						<dd>输入手机号-输入验证码-获取手机</dd>
						<dd>验证码-设定密码-完成注册</dd>
					</dl>
				</div>
				<div id="center">
					<dl>
						<img src="imgs/3.png" />
						<dt><b><a href="#">型录/电商/新媒体视频招商加盟</a></b></dt>
						<dd>柳小姐：0791-88110022-8126</dd>
					</dl>
				</div>
				<div id="right">
					
					<dl>
						<img src="imgs/4.png" />
						<dt><b><a href="#">在线客服</a></b></dt>
						<dd>24小时客服热线:</dd>
						<dd>4001-677-077</dd>
						
					</dl>
				</div>
			</div>
		</div>
		<div class="helpLink">
			<div class="helpLink_body">
				<div id="left">
					<dl>
						<a href="#"><img src="imgs/1 (1).jpeg" /></a>
						<dt><b><a href="#">关于风尚购物</a></b></dt>
						<dd>江西风尚电视购物股份有限公司于2009年9月28日正式成立，公司致力于现代家庭电视购物，是传媒和零售的完美组合。江西电视台风尚购物频道是经国家广电总局批准的全国性的、同时也是江西第一家真正的专业家庭电视购物频道。</dd>
						
					</dl>
				</div>
				<div id="right">
					<dl>
						<dt>帮助中心</dt>
						<dd><a href="#">购物流程</a></dd>
						<dd><a href="#">使用订单状态说明</a></dd>
					</dl>
					<dl>
						<dt>配送方式</dt>
						<dd><a href="#">免费配送区域</a></dd>
						<dd><a href="#">配送范围</a></dd>
					</dl>
					<dl>
						<dt>支付方式</dt>
						<dd><a href="#">货到付款</a></dd>
						<dd><a href="#">银联支付</a></dd>
						<dd><a href="#">支付宝</a></dd>
						<dd><a href="#">微信支付</a></dd>
					</dl>
					<dl>
						<dt>客户服务</dt>
						<dd><a href="#">售后及退换货</a></dd>
						<dd><a href="#">在线客服</a></dd>
					</dl>
					<dl>
						<dt>会员中心</dt>
						<dd><a href="#">资料修改</a></dd>
						<dd><a href="#">找回密码</a></dd>
						<dd><a href="#">会员等级</a></dd>
						<dd><a href="#">会员权益</a></dd>
					</dl>
					<dl>
						<dt>招商专区</dt>
						<dd>关于我们</dd>
						<dd>合作流程</dd>
						<dd>联系我们</dd>
						<dd>供应商系统</dd>
					</dl>
				</div>
			</div>
		</div>
		
		<div class="foot">
			<div class="foot_body">
				<p><a href="http://www.miibeian.gov.cn/" target="_blank">ICP经营许可证：赣ICP备15000001号</a></p>
				<ul>
					<li><img src="imgs/1 (2).jpeg"/></li>
					<li><img src="imgs/1 (6).jpeg"/></li>
					<li><img src=" imgs/1 (7).jpeg"/></li>
					<li><img src="imgs/1 (5).jpeg"/></li>
					<li><img src="imgs/1 (4).jpeg"/></li>
				</ul>
			</div>
		</div>
		<div class="end">
			
		</div>
	</body>
</html>
<script>
	//tab栏切换
    $(function(){
        $(".shoppingCar_tab_top").find(".tab-item").click(function(){
            $(this).addClass("active").siblings().removeClass("active");
            $(".shoppingCar_tab_bottom .main").eq($(this).index()).addClass("selected").siblings().removeClass("selected");
        })
    })
   var obtn=document.getElementById("img2");
    obtn.onclick=function () {
		alert("提交成功，正在结算...");
    }

</script>
